<template>
  <div v-if="news" v-html="news.NEWS_Content"></div>
</template>
<script>
import { getNews } from '@/api/common/news'
export default {
  data: function () {
    return {
      newsId: 0,
      news: null,
    }
  },
  methods: {
    getNews() {
      getNews(this.newsId).then(({ data }) => {
        this.news = data
      })
    },
  },
  created: function () {
    this.newsId = this.$route.query.newsId
    this.getNews()
  },
}
</script>
<style>
.el-drawer.rtl {
  overflow: scroll;
}
</style>
<style scoped>
.header {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  background: #ffffff;
  border-radius: 5px;
  border-bottom: #f4f8ff 2px solid;
  display: flex;
  margin-bottom: 11px;
  align-items: center;
}
</style>
